<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>首页</title>
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
  <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
  <!--  <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">-->
<!--  <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">-->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/home.css">
</head>
<body >

<div class="choose_search_bg">

</div>
<!--签到-->
<div class="sign_bg" style="display: none">
  <div class="sign_box">
    <img src="../images/zaqizaba/签到成功.png" alt="">
    <div class="sign_success">
      <p>签到成功</p>
      <p>恭喜你获得魅力值：<span>11</span></p>
      <div class="sign_btn">确认</div>
    </div>
  </div>
  <img class="sign_close" src="../images/zaqizaba/close.png" alt="">
</div>

<!--中奖了-->
<div class="sign_win_bg" style="display: none">
  <div class="win_box">
    <img src="../images/zaqizaba/中奖啦.png" alt="">
    <div class="win_success">
      <p>中奖啦!</p>
      <p>恭喜获得阿依莲春熙路店抵扣卷</p>
      <ul class="win_success_card">
        <li>
          <p>￥30</p>
          <p>代金卷</p>
        </li>
        <li>
          <p>满300元减30元使用</p>
          <p>2019.02.23~2019.05.23</p>
        </li>
      </ul>
      <p>领取后将存入我的-我的优惠券</p>
      <div class="win_btn">立即领取</div>
    </div>
  </div>
  <img class="sign_close" src="../images/zaqizaba/close.png" alt="">
</div>


<div class="home_search">
  <span class="choose_search">店铺 <img src="../images/zaqizaba/倒三角白.png" alt="" class="home_position_icon">
  <ul class="choose_search_list">
    <span></span>
    <li>店铺</li>
    <li>商品</li>
  </ul>
  </span>
  <div class="home_input">
    <img src="../images/zaqizaba/搜索.png" alt="" class="home_search_icon">
    <input type="text" id="search" placeholder="输入要搜索的店铺" style="color: white">
  </div>
  <span><img src="../images/zaqizaba/编辑2.png" alt="" class="home_sign_icon">签到</span>
</div>

<div class="home_banner">
  <img src="../images/搜索空页面.png" alt="">
</div>
<ul class="home_icon">
  <li>
    <img src="../images/home/sy_xptj.png" alt="">
    <span>新品推荐</span>
  </li>
  <li>
    <img src="../images/home/sy_ppls.png" alt="">
    <span>品牌连锁</span>
  </li>
  <li>
    <img src="../images/home/sy_fjmd.png" alt="">
    <span>附近门店</span>
  </li>
  <li>
    <img src="../images/home/sy_cldp.png" alt="">
    <span>潮流搭配</span>
  </li>
</ul>

<div class="home_activity">
  <img src="" alt="">
</div>

<div class="home_line"></div>

<div class="home_box">
  <img class="home_box_title" src=".pin./images/home/sy_pptj.png" alt="">
  <div class="banner">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i1/TB1n3rZHFXXXXX9XFXXXXXXXXXX_!!0-item_pic.jpg_320x320q60.jpg" alt="">
          <img src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i1/TB1n3rZHFXXXXX9XFXXXXXXXXXX_!!0-item_pic.jpg_320x320q60.jpg" alt="">
          <img src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i1/TB1n3rZHFXXXXX9XFXXXXXXXXXX_!!0-item_pic.jpg_320x320q60.jpg" alt="">
        </div>
        <div class="swiper-slide"><img src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i4/TB10rkPGVXXXXXGapXXXXXXXXXX_!!0-item_pic.jpg_320x320q60.jpg" alt=""></div>
        <div class="swiper-slide"><img src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i1/TB1kQI3HpXXXXbSXFXXXXXXXXXX_!!0-item_pic.jpg_320x320q60.jpg" alt=""></div>
      </div>
      <div class="swiper-pagination"></div><!--分页器。如果放置在swiper-container外面，需要自定义样式。-->
    </div>
  </div>
</div>

<div class="home_line"></div>

<div class="home_box">
  <img class="home_box_title" src="../images/home/sy_fjtj.png" alt="">

  <div class="home_shop">
    <div class="home_shop_title">
      <img src="../images/class.png" alt="">
      <div class="home_shop_name">
        <p class="home_shop_name_top"> <span>品牌</span> 什么什么店 </p>
        <p class="home_shop_name_bottom"> <span>标签1</span> <span>标签1</span> </p>
      </div>
      <div class="home_follow"><span>+</span>关注</div>
    </div>
    <ul class="home_shop_list">
      <li ><img src="../images/TB2fpbHbSfD8KJjSszhXXbIJFXa_!!129605521.jpg" alt=""></li>
      <li ><img src="../images/TB2fpbHbSfD8KJjSszhXXbIJFXa_!!129605521.jpg" alt=""></li>
      <li ><img src="../images/TB2fpbHbSfD8KJjSszhXXbIJFXa_!!129605521.jpg" alt=""></li>
      <li ><img src="../images/TB2fpbHbSfD8KJjSszhXXbIJFXa_!!129605521.jpg" alt=""></li>
      <li ><img src="../images/TB2fpbHbSfD8KJjSszhXXbIJFXa_!!129605521.jpg" alt=""></li>
      <li ><img src="../images/TB2fpbHbSfD8KJjSszhXXbIJFXa_!!129605521.jpg" alt=""></li>
      <li ><img src="../images/TB2fpbHbSfD8KJjSszhXXbIJFXa_!!129605521.jpg" alt=""></li>
      <li ><img src="../images/TB2fpbHbSfD8KJjSszhXXbIJFXa_!!129605521.jpg" alt=""></li>
      <li ><img src="../images/TB2fpbHbSfD8KJjSszhXXbIJFXa_!!129605521.jpg" alt=""></li>
    </ul>
  </div>

</div>


<!--<div class="weui-loadmore">-->
<!--  <i class="weui-loading"></i>-->
<!--  <span class="weui-loadmore__tips">正在加载</span>-->
<!--</div>-->


<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>

<!-- 如果使用了某些拓展插件还需要额外的JS -->
<!--<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/swiper.min.js"></script>-->
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/city-picker.min.js"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-weui/1.2.1/js/swiper.min.js"></script>-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script src="../js/common.js"></script>
<script src="../js/home.js"></script>
</body>
</html>
